body{ background: #7e8ca5 url("../img/bg.jpg") no-repeat scroll center 0 / cover}


//首页
.begin{ width : 57.333%; margin : 70% auto 0; }
.footer a{color:#e1e4ed;}
.footer span{ color:#e1e4ed; }


//提示
.hint{ position : fixed; width : 100%; height : 100%; left : 0; top : 0; transition: .3s; background : #98a3b7;
  .con{ top : 21%; width : 78.666%; position: relative; margin : 0 auto; text-align: center;
    .btn-continue{ width : 66%;}
  }
}

//游戏开始
.game-box{
  position : fixed; width : 100%; height : 100%; left : 0; top : 0;
  background: #7e8ca5 url("../img/bg2.jpg") no-repeat scroll center 0 / cover;
  .con{ position : relative; width : 68%; top :37.7%; left: 16%;   }

  //黄色方块
  .block{ width : 94%; position: absolute; left: 3%; z-index: 3;
    img{ width : 14%;}
  }
  .line-x{position: absolute; top :22px; z-index: 2; transition: 1s;}
  .line-y{ margin-left : 36%; position: absolute; top : 57px; z-index: 1;}
}

//旋转
.rotateLeft {
  transform: rotate(25deg);
}
.rotateRight {
  transform: rotate(-25deg);
}


.downRight,.downLeft{ transition: 1s;   margin-top : 40px; }
.downRight{  transform: rotate(-25deg); }
.downLeft{  transform: rotate(25deg); }

.rotate0{transform:rotate(0); transition:1s;}

//游戏失败
.fail{
  position: fixed; left : 0; top : 0;
  width : 100%; height : 100%;
  background : #98a3b7;
  .con{ width : 78%; margin : 10% auto 0;}
}


.btn{  height : 2.5rem; line-height : 2.25rem; border-radius: 2.5rem; color: #fff; font-size : .9rem; }
.btn-red{  background : #ed4950; border-bottom: 5px solid #c61820; }
.btn-blue{  background : #15d4fd; border-bottom: 5px solid #26a3cc; }
.btn-yellow{  background : #f8ba11; border-bottom: 5px solid #cc9501; }
